<template>
  <div>

    <div class="lk">
      <img class="pht" src="../../static/images/home.png" />

        <div class="xqw" v-for="(item,index) in listinfo" :key="index">
         <router-link :to="{name: 'Detail',params:{goodId: item.id}}">
            <div>
              <h3>{{item.title}}</h3>
              <p>{{item.desc}}</p>
            </div>
            <!-- <img class="xqt" src="../assets/logo.png" /> -->
          </router-link>
        </div>
    </div>

  </div>
</template>

<script>
  export default{
     props:["listinfo"]
  }
</script>

<style>
.pht{
   width: 700px;
   height: 350px;
   margin-top: -30px;
   margin-left: -300px;
   border-radius: 5px;
 }
 p{
   margin-top: -7px;
   text-align: left;
   display: inline-block;
   width: 650px;
   
 }
 .xqw{
   width: 880px;
   height: 130px;
   border-bottom: 1px solid pink;
   text-align: left;
   position: relative;
   left: 120px;
   
 }
 .xqt{
   width: 100px;
   height: 120px;
   float: right;
   margin-top: -80px;
   
 }
</style>
